<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
   		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<title>找回密码</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
	</head>
	<style type="text/css">
		.bnh-forget-cont{padding: 0 0.24rem}
		.bnh-forget-item{height: 1.2rem}
		.bnh-forget-item img{width: 0.37rem;height: auto;margin-left: 0.1rem;}
		.bnh-forget-item input{width: 4rem;margin-left: 0.2rem;padding-left: 0.1rem;border:none}
		.bnh-getCode{height: 0.6rem;width: 1.8rem;border-radius: 15px;background: #ccc;color: #fff;text-align: center;font-size: 0.28rem;line-height: 0.6rem;margin-left: 0.2rem}
		.bnh-login-btn{height: 0.95rem;width: 7rem;margin: 0 auto;border-radius: 25px;background: #ffaf3c;color: #fff;font-size: 0.32rem;margin-top: 0.66rem}
		.active{background: #ffaf3c}
	</style>
	<body>
	<div class="bnh-forget-cont">
     <div class="bnh-forget-item border flex flex-align-center">
        <img src="../img/forget-tel.png" alt="">
        <input type="number" placeholder='请输入手机号码' id='phone'>
        <div class="bnh-getCode flex flex-align-center flex-pack-center active"><p>获取验证码</p></div>
     </div>
     <div class="bnh-forget-item border flex flex-align-center">
        <img src="../img/forget-ercode.png" alt="">
        <input type="number" placeholder="请输入验证码" id='ercode'>
     </div>
     <div class="bnh-forget-item border flex flex-align-center">
        <img src="../img/forget-password.png" alt="">
        <input type="text" placeholder="请设置密码" id='newPasswd'>
     </div>
     <div class="bnh-login-btn flex flex-align-center flex-pack-center" >
        <p>确认</p>
    </div>
  </div>
	</body>
	<script type="text/javascript" src="../js/rem.js"></script>
</html>
